<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>面向对象实现弹出框</title>
		<link rel="stylesheet" type="text/css" href="Alert.css"/>
		<script src="Alert.js" type="text/javascript" charset="utf-8"></script>
		<script src="common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		
			window.onload= function(){
				let oBtn1 =$("btn1");
				let oBtn2 =$("btn2");
				oBtn1.onclick =function(){
					Alert.show({
						title :"标题1",
						content :"内容1"
					})
				}
				oBtn2.onclick =function(){
					Alert.show({
						title :"标题2",
						content :"内容2"
					})
				}
				
			}
		</script>
	</head>
	<body>
		<button id="btn1">打开dialog1</button>
		<button id="btn2">打开dialog2</button>
	</body>
</html>
